{%include file="header.html"%}
					<ul class="category_ul">
						<li class="one_li"><a href="index.php"><span><img src="images/tongji_2_03_1.png" alt="" /></span>概况统计</a></li>
						<li class="two_li"><a href="purchase.php"><span><img src="images/tongji_2_03_2.png" alt="" /></span>进货管理</a></li>
						<li class="three_li"><a href="sell.php"><span><img src="images/tongji_2_03_3.png" alt="" /></span>销售流水</a></li>
						<li class="four_li"><a href="stock.php"><span><img src="images/tongji_2_03_4.png" alt="" /></span>库存管理</a></li>
						<li class="five_li"><a href="customer.php"><span><img src="images/tongji_2_03_5.png" alt="" /></span>客户管理</a></li>
						<li class="six_li"><a href="proceed.php"><span><img src="images/tongji_2_03_6.png" alt="" /></span>收入管理</a></li>
						<li class="seven_li"><a href="type.php"><span><img src="images/tongji_2_03_7.png" alt="" /></span>品类管理</a></li>
					</ul>
				</div>
				<div class="customer"><span></span></div>
				<div class="customer_add_main">
					<div class="customer_add_left_top">
						<div class="customer_add_right_top">
							<div class="customer_add_left_bottom">
								<div class="customer_add_right_bottom">
									<div class="customer_add_info" id="customer_add_info">
										<table>
											<tr>
												<th class="name_add_th">姓名<img src="images/tongji_2_83.gif" alt="" /></th>
												<th class="number_add_th">联系电话<img src="images/tongji_2_83.gif" alt="" /></th>
												<th class="info_add_th">备注<img src="images/tongji_2_83.gif" alt="" /></th>
											</tr>
											<tr class="customer_add">
												<td class="name_add_td"><p><span><input type="text" id="c_name" name="c_name" value="" /></span></p></td>
												<td class="number_add_td"><p><span><input type="text" id="number" name="number" value="" /></span></p></td>
												<td class="info_add_td"><p><span><input type="text" id="info" name="info" value="" /></span></p></td>
											</tr>
										</table>
									</div>
									<div class="customer_add_submit"><input type="submit" id="submit" value="" onclick=""/></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="customer_query"><span></span></div>
				<div class="customer_query_main">
					<div class="customer_query_left_top">
						<div class="customer_query_right_top">
							<div class="customer_query_left_bottom">
								<div class="customer_query_right_bottom">
									<div class="customer_query_top_main">
									<form id="form1" name="form1" method="get" action="">
										<table>
											<tr class="customer_query_tr">
											
												<td class="customer_query_td"><p><span><input type="text" id="cq_name" class="cq_name" name="cq_name" value="请输入客户姓名" /></span></p></td>
												<td class="customer_query_button"><input type="submit" id="search" value="" /></td>
												<td class="hidden_customer_button"><input type="button" name="screen" id="screen" value="" /></td>
											</tr>
										</table>	
										</form>
									</div>
									<div class="customer_query_info" id="customer_query_info">
										<div class="customer_query_left">
											<div class="customer_query_right">
												<div id="customer_query_inner" class="customer_query_inner">
													<h1>详细信息</h1>
													<div class="cc">
														<table class="cc_p1">
															<tr class="cc_tr1">
																<td>姓名</td>
																<td>联系方式</td>
																<td>购买次数</td>
																<td>总花费</td>
																<td>最近购买时间</td>
																<td>备注</td>
															</tr>
															<tr class="cc_tr2">
																<td>王福中</td>
																<td>12345654323</td>
																<td>13</td>
																<td>13131313</td>
																<td>2013-07-13</td>
																<td>这是一个测试</td>
															</tr>
														</table>
														<table class="cc_p2">
															<tr>
																<th>类别</th>
																<th>名称</th>
																<th>编号</th>
																<th>数量</th>
																<th>单价</th>
																<th>总价</th>
																<th>购买日期</th>
																<th>操作</th>
															</tr>
															<tr class="cc_tr3">
																<td>茶品</td>
																<td>西湖龙井</td>
																<td>l1234</td>
																<td>13</td>
																<td>20</td>
																<td>360</td>
																<td>2013-07-13</td>
																<td>删除</td>
															</tr>
															<tr class="cc_tr4">
																<td>茶品</td>
																<td>西湖龙井</td>
																<td>l1234</td>
																<td>13</td>
																<td>20</td>
																<td>360</td>
																<td>2013-07-13</td>
																<td>删除</td>
															</tr>
														</table>
													</div>
												</div>
												<div class="customer_query_submit"><input type="submit" class="customer_query_shutdown" value="" onclick="showdiv('customer_query_info')"/></div>
											</div>
										</div>
									</div>
									<div class="hidden_customer" id="hidden_customer">
										<div class="hidden_customer_left">
											<div class="hidden_customer_right">
												<div id="hidden_customer_inner" class="hidden_customer_inner">
													<h1>客户屏蔽</h1>
													<div class="dd">
														<table class="dd_p1">
															<tr class="dd_tr1">
																<td class="hidden_customer_td"><p><span><input id="screen_name" type="text" name="c_name" value="填写屏蔽用户名" /></span></p></td>
																<td class="customer_hidden_button"><input type="button" name="number" value="添加" id="add_screen" maxlength="16"/></td>
															</tr>
														</table>
														<table class="dd_p2" id="screen_list">
															
															
														</table>
													</div>
												</div>
												<div class="customer_hidden_submit"><input type="submit" class="customer_hidden_yes" onclick="showdiv('hidden_customer')" value="" /><input type="submit" class="customer_hidden_no" value="" onclick="showdiv('hidden_customer')" /></div>
											</div>
										</div>
									</div>
									<div class="type_query_info">
										<table>
											<tr class="type_query_top_tr">
												<td class="weight_style">姓名</td>
												<td class="weight_style">手机号</td>
												<td class="weight_style">备注</td>
												<td class="type_query_last_th">操作</td>
											</tr>
											{%foreach item=arr from=$result key=key%}
											<tr class="type_query_tr{%$key%2%}">
												<td id="name{%$arr.guest_id%}">{%$arr.guest_name%}</td>
												<td id="number{%$arr.guest_id%}">{%$arr.guest_tel%}</td>
												<td id="info{%$arr.guest_id%}">{%$arr.guest_info%}</td>
												<td class="type_query_last_td" id="edit{%$arr.guest_id%}"><span onclick="edit_user({%$arr.guest_id%})">编辑</span></td>
											</tr>
											{%/foreach%}
										</table>
										<div class="page">
											{%$page%}
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
</body>
</html>
<script>
//点击输入框隐藏文字
$("#cq_name").mousedown(function(){
	this.value = "";
})
//失去焦点后显示的文字
$("#cq_name").blur(function(){
	val = this.value;
	if(this.value == ""){
		this.value = "请输入客户姓名";
	}else{
		this.value = val;
	}		
})
//点击隐藏文字
$("#hidden_customer_inner #screen_name").mousedown(function(){
	$("#hidden_customer_inner #screen_name").val("");
})
$("#hidden_customer_inner #screen_name").blur(function(){
	var val = $("#hidden_customer_inner #screen_name").val();
	if(val == ""){
		$("#hidden_customer_inner #screen_name").val("填写屏蔽用户名");
	}else{
		$("#hidden_customer_inner #screen_name").val(val);
	}
})
//添加姓名时候判断信息
$("#customer_add_info #c_name").blur(function(){
	var val = this.value;
	if(val==""){
		return;
	}
	var leng = 0;
	for(var i=0; i<val.length; i++){
		if(val.charCodeAt(i)>255){
			leng += 2;
		}else{
			leng += 1;
		}
	}
	for(var i=0; i<val.length; i++){
		if(val.charCodeAt(i)<65 || (val.charCodeAt(i)>122&&val.charCodeAt(i)<=255)){
			alert("姓名不能超过5个汉字或10个字母，不能为其他字符");
			this.value="";
			return;
		}
	}
	if(leng>10){
		alert("姓名不能超过5个汉字或10个字母，不能为其他字符");
		this.value="";
	}
});
//添加电话时候判断信息
$("#customer_add_info #number").blur(function(){
	var name = $("#customer_add_info #c_name").val();
	var val = this.value;
	if(val==""){
		return;
	}
	if(!/^\d+$/.test(val) || val.length>11){
		alert("联系电话只能为数字且长度不能超过11位");
		this.value="";
	}
	if(name==""){
		return;
	}
		$.ajax({
			type:'post',//可选get
			url:'ajax_customer_confirm.php',//这里是接收数据的PHP程序
			data:'c_name='+name+'&number='+val,//传给PHP的数据，多个参数用&连接
			dataType:'html',//服务器返回的数据类型 可选XML ,Json jsonp script html text等
			success:function(msg){
				//这里是ajax提交成功后，PHP程序返回的数据处理函数。msg是返回的数据，数据类型在dataType参数里定义！
				//alert(msg);
				//$("#get_type").html(msg);
				if(msg!=""){
					alert(msg);
					$("#customer_add_info #number").val("");
				}
				return;
			},
			error:function(){
				alert('查询失败');
			}
		});

});
$(".customer_query_right").hide();
//添加客户
$(".customer_add_submit #submit").click(function(){
	var name = $("#c_name").val();
	var number = $("#number").val();
	var info = $("#info").val();
	if(name=="" || number==""){
		alert('请填写完全内容');
		return false;
	}
	$.ajax({
		type:'post',//可选get
		url:'ajax_add_customer.php',//这里是接收数据的PHP程序
		data:'name='+name+'&number='+number+'&info='+info,//传给PHP的数据，多个参数用&连接
		dataType:'html',//服务器返回的数据类型 可选XML ,Json jsonp script html text等
		success:function(msg){
			//这里是ajax提交成功后，PHP程序返回的数据处理函数。msg是返回的数据，数据类型在dataType参数里定义！
			//alert(msg);
			//$("#get_type").html(msg);
			if(msg==1){
				alert('添加成功');
				$("#c_name").val('');
				$("#number").val('');
				$("#number").val('');
				location.reload();
			}else if(msg==0){
				alert('该电话号码已被其他用户使用了');
			}else{
				alert('添加失败');
			}
		},
		error:function(){
			alert('查询失败');
		}
	});
});
//查询客户
$(".customer_query_td #search").click(function(){
	var name = $(".customer_query_td #c_name").val();
		$.ajax({
		type:'post',//可选get
		url:'ajax_search_customer.php',//这里是接收数据的PHP程序
		data:'name='+name,//传给PHP的数据，多个参数用&连接
		dataType:'html',//服务器返回的数据类型 可选XML ,Json jsonp script html text等
		success:function(msg){
			//这里是ajax提交成功后，PHP程序返回的数据处理函数。msg是返回的数据，数据类型在dataType参数里定义！
			//alert(msg);
			//$("#get_type").html(msg);
			if(msg==1){
				alert('添加成功');
				$("#c_name").val('');
				$("#number").val('');
				$("#number").val('');
			}else{
				alert('添加失败');
			}
		},
		error:function(){
			alert('查询失败');
		}
	});
});
//编辑用户
function edit_user(id){
	$("#name"+id).html('<input type="text" name="c_name" id="c_name'+id+'" value="'+$("#name"+id).html()+'" />');
	$("#number"+id).html('<input type="text" name="c_number" id="c_number'+id+'" value="'+$("#number"+id).html()+'" />');
	$("#info"+id).html('<input type="text" name="c_info" id="c_info'+id+'" value="'+$("#info"+id).html()+'" />');
	$("#edit"+id).html('<span onclick="save_user('+id+')">保存</span>');
}
function save_user(id){
	var c_name = $("#c_name"+id).val();
	var c_number = $("#c_number"+id).val();
	var c_info = $("#c_info"+id).val();
	if(c_name==""){
		return;
	}
	var leng = 0;
	for(var i=0; i<c_name.length; i++){
		if(c_name.charCodeAt(i)>255){
			leng += 2;
		}else{
			leng += 1;
		}
	}
	for(var i=0; i<c_name.length; i++){
		if(c_name.charCodeAt(i)<65 || (c_name.charCodeAt(i)>122&&c_name.charCodeAt(i)<=255)){
			alert("姓名不能超过5个汉字或10个字母，不能为其他字符");
			this.value="";
			return;
		}
	}
	if(leng>10){
		alert("姓名不能超过5个汉字或10个字母，不能为其他字符");
		this.value="";
		return;
	}

	if(c_number==""){
		return;
	}
	if(!/^\d+$/.test(c_number) || c_number.length>11){
		alert("联系电话只能为数字且长度不能超过11位");
		this.value="";
		return;
	}else{
		$.ajax({
		type:'post',//可选get
		url:'ajax_update_customer.php',//这里是接收数据的PHP程序
		data:'name='+c_name+'&number='+c_number+'&info='+c_info+'&id='+id,//传给PHP的数据，多个参数用&连接
		dataType:'html',//服务器返回的数据类型 可选XML ,Json jsonp script html text等
		success:function(msg){
			if(msg==1){
				alert('编辑成功');
				$("#name"+id).html(c_name);
				$("#number"+id).html(c_number);
				$("#info"+id).html(c_info);
				$("#edit"+id).html('<span onclick="edit_user('+id+')">编辑</span>');
			}else if(msg==-1){
				alert('用户已存在');
				location.reload();
			}else if(msg==-2){
				alert('该电话号码已被其他用户使用了');
			}else{
				location.reload();
			}
		},
		error:function(){
			alert('查询失败');
		}
	});
		
	}
	
}
//屏蔽客户
$("#screen").click(function(){
	$("#hidden_customer").show();
	$.ajax({
		type:'post',//可选get
		url:'ajax_screen_list.php',//这里是接收数据的PHP程序
		//data:'name='+c_name+'&number='+c_number+'&info='+c_info+'&id='+id,//传给PHP的数据，多个参数用&连接
		dataType:'html',//服务器返回的数据类型 可选XML ,Json jsonp script html text等
		success:function(msg){
			//这里是ajax提交成功后，PHP程序返回的数据处理函数。msg是返回的数据，数据类型在dataType参数里定义！
			//alert(msg);
			//$("#get_type").html(msg);
			$("#screen_list").html(msg);
		
		},
		error:function(){
			alert('查询失败');
		}
	});
});

//添加
$("#add_screen").click(function(){
	var screen_name = $("#screen_name").val();
	//alert(screen_name);
	$.ajax({
		type:'post',//可选get
		url:'ajax_add_screen.php',//这里是接收数据的PHP程序
		data:'name='+screen_name,//传给PHP的数据，多个参数用&连接
		dataType:'html',//服务器返回的数据类型 可选XML ,Json jsonp script html text等
		success:function(msg){
			//这里是ajax提交成功后，PHP程序返回的数据处理函数。msg是返回的数据，数据类型在dataType参数里定义！
			//alert(msg);
			//$("#get_type").html(msg);
			if(msg){
				$("#screen_list").html(msg);
			}else{
				alert('添加失败，请查询是否有此人');
			}
			
		
		},
		error:function(){
			alert('查询失败');
		}
	});
});
//删除屏蔽人
function del_screen(id)
{
	$.ajax({
		type:'post',//可选get
		url:'ajax_del_screen.php',//这里是接收数据的PHP程序
		data:'id='+id,//传给PHP的数据，多个参数用&连接
		dataType:'html',//服务器返回的数据类型 可选XML ,Json jsonp script html text等
		success:function(msg){
			//这里是ajax提交成功后，PHP程序返回的数据处理函数。msg是返回的数据，数据类型在dataType参数里定义！
			//alert(msg);
			//$("#get_type").html(msg);
			if(msg){
				$("#screen_list").html(msg);
			}else{
				alert('添加失败，请查询是否有此人');
			}
			
		
		},
		error:function(){
			alert('查询失败');
		}
	});
}
</script>